@import "variables";
.default-bg{
  background: color($h5,c9);

}


.btn-wrap1{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  .add-btn{
    padding: pxTorem(20px) pxTorem(30px);
    width: 100%;
    button{
      width:100%;
      height: pxTorem(88px);
      border-radius: pxTorem(8px);
      font-size: pxTorem(30px);
      background: color($h5,c1);
      color: color($h5,c10);
    }
    button[disabled]{
      opacity: 0.4;
    }
  }
}

.addr-list{
  margin-bottom: pxTorem(150px);
  .addr-item{
    display: flex;
    align-items: center;
    padding:pxTorem(30px) ;
    background-color: #FFFFFF;
    border-bottom: 1px solid color($h5,c9);
    .addr-content{
      font-size: pxTorem(30px);
      padding-right: pxTorem(10px);
      color: color($h5,c2);
      flex: 1;
      .name{
        font-weight: bold;

      }
      .default{
        font-size: pxTorem(22px);
        color:#FFFFFF;
        width: pxTorem(62px);
        height: pxTorem(30px);
        line-height: pxTorem(30px);
        background: color($h5,c1);
        border-radius: pxTorem(5px);
        display: inline-block;
        text-align: center;
        margin:0 0 0 pxTorem(14px);
      }
      .phone{
        float: right;
      }
      .addr-detail{
        font-size: pxTorem(28px);
        line-height: pxTorem(40px);
        margin-top: pxTorem(20px);
      }
    }
    .addr-icon{
      width: pxTorem(30px);
      height: pxTorem(30px);
      background-image: url('../../../../assets/icon/round-default.png');
      background-repeat: no-repeat;
      background-size: contain;
    }
    .addr-icon.active{
      background-image: url('../../../../assets/icon/round-active.png');
    }
  }
}
